<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
    
    <p:dataTable var="p" value="#{buscadorBean.publicaciones}" 
                rendered="#{not empty buscadorBean.publicaciones}"
                emptyMessage="No se encontraron publicaciones"
        rows="10" paginator="true" id="busqueda"
        paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
        rowsPerPageTemplate="10,20,30" >
 
        <f:facet name="header">
            Publicaciones encontradas
        </f:facet>
        
        <p:column>
            
            <h:outputLink value="#{request.contextPath}/publicacion/#{p.id}">
                            
                <div class="ui-grid-row" >                
                    <h:panelGroup layout="block" rendered="#{p.estado eq 'C'}"  
                                  styleClass="estadoVUP"
                                  style="position: absolute; height: 100px; width: 100px; z-index: 99;"  />

                    <div class="ui-grid-col-2">
                    
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}#{p.imagenMiniatura}"  alt="Logo"
                                       rendered="#{not empty p.imagenMiniatura}" width="120" height="97" />
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}venta-simple-sin-imagenes.gif"  alt="Logo"
                                       rendered="#{empty p.imagenMiniatura}" width="120" height="98" />
                   </div>                
                    <div id="publiVistaDetalle" class="ui-grid-col-10" >

                       
                       <h4><h:outputText value="#{p.titulo}" /></h4>
                           
                           <div style="clear:both">
                           <label for="marca">Marca: </label>
                           <h:outputText id="marca" value=" #{p.marca}" />
                           </div>
                           
                           <div style="clear:both">
                           <label for="anio">Anio: </label>
                           <h:outputText id="anio" value=" #{p.anio}" />
                           </div>
                           

                       

                       <div class="precioPubHome">
                           
                           #{p.moneda.signo}
                           <h:outputText value=" #{p.precio}" >
                               <f:convertNumber maxFractionDigits="2" />                           
                           </h:outputText>   

                       </div>

                   </div>
                </div>                   

            </h:outputLink> 
        </p:column> 
         
    </p:dataTable>
   
</ui:composition>
